<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<link rel="stylesheet" href="/assets/lib/layui/css/layui.css" />
		<link rel="stylesheet" href="/assets/css/user/user_pwd.css" />
	</head>
	<body>
		<!-- 卡片区域 -->
		<div class="layui-card">
			<div class="layui-card-header">修改密码</div>
			<div class="layui-card-body">
				<form class="layui-form">
					<div class="layui-form-item">
						<label class="layui-form-label">原密码</label>
						<div class="layui-input-block">
							<input
								type="password"
								name="oldPwd"
								required
								lay-verify="required|pwd"
								placeholder="请输入原密码"
								autocomplete="off"
								class="layui-input"
							/>
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label" for="psd">新密码</label>
						<div class="layui-input-block">
							<input
								onKeyUp="javascript:passwordChangeStatuss(this.value);"
								onBlur="javascript:passwordChangeStatuss(this.value);"
								type="password"
								name="newPwd"
								required
								lay-verify="required|pwd|samePwd"
								placeholder="请输入新密码"
								autocomplete="off"
								class="layui-input"
							/>
							<span class="psdInfo"></span>
						</div>
						<!-- <div class="strong">
							<p class="fl">
								<span class="hover">弱</span>
								<span class="">中</span>
								<span class="">强</span>
							</p>
						</div> -->
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">密码强度</label>
						<div class="layui-btn-group pwd-item">
							<label id="l" class="layui-btn layui-btn-primary"
								>低</label
							>
							<label id="m" class="layui-btn layui-btn-primary"
								>中</label
							>
							<label id="h" class="layui-btn layui-btn-primary"
								>高</label
							>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">确认新密码</label>
						<div class="layui-input-block">
							<input
								type="password"
								name="rePwd"
								required
								lay-verify="required|pwd|rePwd"
								placeholder="请再次确认密码"
								autocomplete="off"
								class="layui-input"
							/>
							<span class="psd1Info"></span>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-block">
							<button
								class="layui-btn"
								lay-submit
								lay-filter="formDemo"
							>
								修改密码
							</button>
							<button
								type="reset"
								class="layui-btn layui-btn-primary"
							>
								重置
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>

		<!-- 导入 layui 的 js -->
		<script src="/assets/lib/layui/layui.all.js"></script>
		<!-- 导入 jQuery -->
		<script src="/assets/lib/jquery.js"></script>
		<!-- 导入 baseAPI -->
		<script src="/assets/js/baseAPI.js"></script>
		<!-- 导入自己的 js -->
		<script src="/assets/js/user/user_pwd.js"></script>
	</body>
</html>
